$theme-color: #4469F1;


//主题色反色
$theme-color-reverse: #FFFFFF;
//主题色淡色
$theme-color-fade: #204FB633;
//菜单选中颜色
$menu-selected-color: #FFFFFF7F;
$menu-color: #204FB6;

//tab 选中颜色
$tab-selected-color: #409EFF;
//tab fade颜色
$tab-selected-color-fade: #5385F3F7;
$colorWarning: #ffba00;
$colorSuccess: #13ce66;
:root {
    --theme-color: #4469F1;
}
//记录 修改antd vue menu 子菜单的折叠样式和展开选中样式 不能加scope
//修改antd menu样式
.ant-menu-dark, .ant-menu-dark .ant-menu-sub{
    background-color: $menu-color !important;
}
.ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected{
    background-color: $menu-selected-color !important;
}
.ant-menu-item-selected{
    background-color: $menu-selected-color !important;
}
//子菜单折叠后图标激活样式
.ant-menu-item:hover, .ant-menu-item-active, .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open, .ant-menu-submenu-active, .ant-menu-submenu-title:hover{
    color: $theme-color-reverse !important;
}
.shink{
    background-color: $theme-color !important;
    border-color:$theme-color!important;
    &:hover{
        background-color: $theme-color!important;
    }
    &:focus{
        background-color: $theme-color !important;
        border-color:$theme-color !important;
    }
}
.ant-menu-inline .ant-menu-item{
    margin: 0 !important;
}
// 分页器样式
.ant-pagination-item-active{
    border-color: $theme-color !important;
}
// .ant-pagination-item{
//     border-color: $theme-color !important;
//     color: $theme-color !important;
//     &:hover{
//         border-color: $theme-color !important;
//     }
// }
.ant-pagination-item-active a{
    color: $theme-color !important;
    &:hover{
        color: $theme-color !important;
    }
}
//修改antd input样式
.ant-input{
    border-color: $theme-color !important;
    &:hover{
        border-color: $theme-color !important;
    }
    &:focus{
        border-color: $theme-color !important;
        box-shadow:0 0 0 2px $theme-color-fade !important;
    }
}
.ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled){
    border-color: $theme-color !important;
}
.ant-input-number-focused{
    box-shadow:0 0 0 2px $theme-color-fade !important;
}
.ant-input-number-handler:hover .ant-input-number-handler-up-inner, .ant-input-number-handler:hover .ant-input-number-handler-down-inner{
    color: $theme-color !important;
}
.ant-input-number{
    border-color: $theme-color !important;
    &:hover{
        border-color: $theme-color !important;
    }
    &:focus{
        border-color: $theme-color !important;
        box-shadow:0 0 0 2px $theme-color-fade !important;
    }
}
//修改antd button 样式
.ant-btn{
    
    &:focus{
        border-color: $theme-color !important;
    }
    &.ant-btn-primary{
        background-color: $theme-color !important;
        border-color: $theme-color !important;
        &:active{
            background-color: $theme-color !important;
            border-color: $theme-color !important;
            box-shadow: 0 0 0 2px $theme-color-fade !important;
        }
        &:focus{
            background-color: $theme-color !important;
            border-color: $theme-color !important;
        }

    }
    &.ant-btn-default{
        border-color: $theme-color !important;
        color: $theme-color !important;
        background-color: $theme-color-reverse !important;
        &:hover{
            background-color: $theme-color !important;
            color: $theme-color-reverse !important;
            border-color: $theme-color!important;
        }
    }
    // 修改antd danger按钮样式 特殊
    &.ant-btn-danger{
        border-color: #ff7875 !important;
        color: #fff !important;
        background-color: #ff7875 !important;
    }

    &.ant-btn-warning{
        color: #fff;
        background-color: $colorWarning !important;
        border-color: $colorWarning !important;
        &:active{
            background-color: $colorWarning !important;
            border-color: $colorWarning !important;
            box-shadow: 0 0 0 2px $theme-color-fade !important;
        }
        &:focus{
            background-color: $colorWarning !important;
            border-color: $colorWarning !important;
        }
        &:hover{
            color: $colorWarning !important;
            background-color: $theme-color-reverse !important;
            border-color: $colorWarning !important;
        }

    }
    &.ant-btn-success{
        color: #fff;
        background-color: $colorSuccess !important;
        border-color: $colorSuccess !important;
        &:active{
            background-color: $colorSuccess !important;
            border-color: $colorSuccess !important;
            box-shadow: 0 0 0 2px $theme-color-fade !important;
        }
        &:focus{
            background-color: $colorSuccess !important;
            border-color: $colorSuccess !important;
        }
        &:hover{
            color: $colorSuccess !important;
            background-color: $theme-color-reverse !important;
            border-color: $colorSuccess !important;
        }

    }
    &.ant-btn-primarynull{
        color: $theme-color;
        background-color: #fff !important;
        border-color: $theme-color !important;
        &:active{
            background-color: #fff !important;
            border-color: $theme-color !important;
            box-shadow: 0 0 0 2px $theme-color-fade !important;
        }
        &:focus{
            background-color: #fff !important;
            border-color: $theme-color !important;
        }
        &:hover{
            color: $theme-color !important;
            background-color: #fff !important;
            border-color: $theme-color !important;
        }

    }
    &.ant-btn-dangernull{
        border-color: #ff7875 !important;
        color: #ff7875 !important;
        background-color: #fff !important;
    }
}

//修改antd tabs 样式
.ant-tabs-tab{
    color:#2F65F3;
    &:hover{
        color: $theme-color !important;
    }
    &.ant-tabs-tab-active{
        background-image: linear-gradient(to bottom, $tab-selected-color, $tab-selected-color-fade) !important;
        color: $theme-color-reverse !important;
    }

}
//修改antd select 样式
.ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled){
    background-color: $theme-color-fade !important;
}
.ant-select-open .ant-select-selection{
    box-shadow: 0 0 0 2px $theme-color-fade !important;

}
.ant-select-focused .ant-select-selection{
    box-shadow: 0 0 0 2px $theme-color-fade !important;
}
.ant-select-selection{
    border-color: $theme-color !important;
    &:hover{
        border-color: $theme-color !important;
    }
    &:focus{
        border-color: $theme-color !important;
    }
    &:active{
        border-color: $theme-color !important;
        box-shadow: 0 0 0 2px $theme-color-fade !important;
    }
    &.ant-select-selection-focused{
        border-color: $theme-color !important;
        box-shadow: 0 0 0 2px $theme-color-fade !important;

    }
    &.ant-select-focused .ant-select-selection{
        border-color: $theme-color !important;
    }

}
//修改antd select 下拉选项样式
.ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled){
    background-color: $theme-color-fade !important;
}
.ant-select-dropdown-menu-item .ant-select-dropdown-menu-item-selected{
    background-color: $theme-color !important;
    &:hover{
        background-color: $theme-color !important;
    }
    &:active{
        background-color: $theme-color !important;
    }
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected .ant-select-selected-icon{
    color: $theme-color !important;
}
//修改antd radio样式
.ant-radio:hover .ant-radio-inner{
    border-color: $theme-color !important;
}
.ant-radio-checked .ant-radio-inner{
    border-color: $theme-color !important;
    &:hover{
        border-color: $theme-color !important;
    }
    &:focus{
        border-color: $theme-color !important;
    }
    &::after{
        background-color: $theme-color !important;
    }
    .ant-radio-focused .ant-radio-inner{
        border-color: $theme-color !important;
    }
}
//修改antd datePicker样式
.ant-calendar-today .ant-calendar-date{
    background-color: $theme-color !important;
    color: $theme-color-reverse !important;
    border-color: $theme-color !important;
    &:hover{
        background-color: $theme-color-reverse !important;
        color: $theme-color !important;
    }
}
.ant-calendar-today-btn{
    color: $theme-color !important;
}
.ant-calendar-selected-day .ant-calendar-date{
    background-color: $theme-color-fade !important;
    color: $theme-color !important;
}
.ant-calendar-date:active{
    background-color: $theme-color-fade !important;
}
.ant-calendar-date:hover{
    background-color: $theme-color-fade !important;
}
.ant-calendar-picker-input{
    border-color: $theme-color !important;
    &:hover{
        border-color: $theme-color !important;
    }
    &:focus{
        border-color: $theme-color !important;
        box-shadow:0 0 0 2px $theme-color-fade !important;
    }
    &:active{
        border-color: $theme-color !important;
        box-shadow:0 0 0 2px $theme-color-fade !important;
    }
}
// 修改antd form label样式
.ant-form-item-label>label{
    color: #585858 !important;
}

//修改antd upload样式
.ant-upload.ant-upload-select-picture-card:hover{
    border-color: $theme-color !important;
}
//修改联级选择器样式
.ant-cascader-menu-item:hover{
    background-color: $theme-color-fade !important;
}
.ant-cascader-picker:focus .ant-cascader-input{
    box-shadow: 0 0 0 2px $theme-color-fade !important;
}
//修改tree样式
.ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected{
    background-color: $theme-color-fade !important;

}
.ant-tree li .ant-tree-node-content-wrapper:hover{
    background-color: $theme-color-fade !important;
}
//修改checkbox样式
.ant-checkbox-checked .ant-checkbox-inner{
    background-color: $theme-color !important;
    border-color: $theme-color !important;
}
.ant-checkbox-wrapper:hover .ant-checkbox-inner, .ant-checkbox:hover .ant-checkbox-inner, .ant-checkbox-input:focus + .ant-checkbox-inner{
    border-color: $theme-color !important;
}
//修改radioButton样式
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){
    border-color: $theme-color !important;
    color: $theme-color !important;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before{
    background-color: $theme-color !important;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within{
    box-shadow:  0 0 2px 2px $theme-color-fade !important;
}
.ant-radio-button-wrapper:hover{
    color: $theme-color !important;
}
//修改switch 样式
.ant-switch-checked{
    background-color: $theme-color !important;
    &:focus{
        box-shadow:  0 0 2px 2px $theme-color-fade !important;

    }
}
.bold{
    font-weight: bold;
}

//ant弹窗样式
.ant-modal-header{
    background-color: $menu-color;
   .ant-modal-title{
    color: #fff;
   } 
}
.ant-modal-close{
    color: #fff;
}




